import React from 'react';
import { Row, Col, Icon} from 'antd';
import Background from 'images/home/one.jpg';
import './One.less';

const sectionStyle = {
    width: "100%",
    display: 'block',
    backgroundImage: "url(" + Background + ")",
    backgroundSize: '100% 100%, cover', 
    backgroundRepeat: 'no-repeat',
};

class One extends React.Component{
    render(){
        return (
            <div className="one" style={sectionStyle}>
                <Row type="flex" justify="center" align="bottom">
                    <Col span={14} className="one-col">
                        <div className="one-col-content">
                            <div className="one-col-content-box">
                                <span className="one-col-content-box-icon">Click For More Details</span>
                                <Icon type="plus" className="one-col-content-box-logo" />
                            </div>
                            
                        </div>
                    </Col></Row>
            </div>
        )
    }
}

    
export default One;